.zffCategory {
  height: calc(100vh - 165px);
  .zffCategoryMenu {
    height: calc(100vh - 165px);
    display: flex;
    justify-content: space-between;
    .CategoryMenuLeft {
      overflow: scroll;
      border-right: 1px solid #ddd;
      flex: 1;
      .menuLeftItem{
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #f3f3f3;
      }
      .active{
        border-left:2px solid var(--theme-color);
        color:var(--theme-color);
      }
    }
    .clearfix:before,.clearfix:after{
      content: "";
      display: block;
      clear: both;
    }
    .CategoryMenuRight {
      overflow: auto;
      flex: 3;
      .menuRightList {
        .rightListTitle {
          width: 100%;
          line-height: 50px;
          text-align: center;
      
        }
        .menuListItem {
          padding: 5px;
          float: left;
          width: 33.33%;
          .imgWrapper {
            text-align: center;
            img {
              text-align: center;
              width: 70px;
              height: 70px;
            }
          }
      
          span.subTitle {
      
          }
        }
      }
    }
  }
}